<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

    <!-- Mirrored from www.walletkit.com/ by HTTrack Website Copier/3.x [XR&CO'2010], Sat, 01 Dec 2012 19:11:56 GMT -->
    <!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>mobiSaraf - موبي صراف</title>

        <link rel="shortcut icon" href="static/favicon.ico">

            <link rel="stylesheet" href="static/styles/common_style.css" type="text/css"  />
            <link rel="stylesheet" href="static/styles/syntax_highlighter.css" type="text/css"  />
            <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:300' rel='stylesheet' type='text/css'>
                <script type="text/javascript">

                    var _gaq = _gaq || [];
                    _gaq.push(['_setAccount', 'UA-35991948-1']);
                    _gaq.push(['_trackPageview']);

                    (function() {
                        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
                        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
                    })();

                </script>




                </head>

                <body>
                    <script id="curl_create" type="text/template"> 
                        curl -X POST  <span class="str">\</span>
                        -H <span class="str">"&lt;Your brand-id&gt;"  \</span>
                        -H <span class="str">"&lt;Your api-key&gt;" \</span>
                        -H <span class="str">"Content-Type: application/json"  \</span>
                        -d <span class="str">'{
                            <span class="lit">"logotext"</span> : <span class="kwd">"Brand name"</span> , 
                            <span class="lit">"background"</span> : <span class="kwd">"http://www.example.com/yourBackground.png"</span>, 
                            <span class="lit">"description"</span> : <span class="kwd">"Description of the pass"</span> , 
                            <span class="lit">"icon"</span> : <span class="kwd">"http://www.example.com/yourIcon.png"</span> , 
                            <span class="lit">"icon2x"</span> : <span class="kwd">"http://www.example.com/iconx.png"</span> ,
                            <span class="lit">"barcode"</span> : { 
                            <span class="lit">"message"</span> : <span class="kwd">"123456789"</span> ,
                            <span class="lit">"format"</span> : <span class="kwd">"PKBarcodeFormatPDF417"</span> ,
                            <span class="lit">"messageEncoding"</span> : <span class="kwd">"iso-8859-1"</span> ,
                            <span class="lit">"alttext"</span> : <span class="kwd">"test"</span>
                            } ,
                            <span class="lit">"pass_type"</span> : <span class="kwd">"coupon"</span> ,
                            <span class="lit">"username"</span> : <span class="kwd">"testbrand"</span> ,
                            <span class="lit">"relevant_date"</span> : <span class="kwd">"2012-07-22T14:25-08:00"</span> ,
                            <span class="lit">"foreground_color"</span> : <span class="kwd">"rgb(0,0,0)"</span> ,
                            <span class="lit">"background_color"</span> : <span class="kwd">"rgb(218,212,212)"</span> ,
                            <span class="lit">"label_color"</span> : <span class="kwd">"rgb(254,254,255)"</span> ,
                            <span class="lit">"primaryFields"</span> : [
                            { 
                            <span class="lit">"key"</span> : <span class="kwd">"key1"</span> ,
                            <span class="lit">"value"</span> : <span class="kwd">"values"</span> ,
                            <span class="lit">"label"</span> : <span class="kwd">"label"</span> 
                            },
                            {
                            <span class="lit">"key"</span> : <span class="kwd">"key2"</span> ,
                            <span class="lit">"value"</span> : <span class="kwd">"values"</span> ,
                            <span class="lit">"label"</span> : <span class="kwd">"label"</span> 
                            }
                            ] 
                            }' \
                        </span>


                    </script>


                    <script type="text/template" id="slide_template">

                        <div data-src="static/images/ss_create.html"></div>
                        <div data-src="static/images/ss_<%=w%>_mid_<%=n%>.png" data-media="(min-width: 400px)"></div>
                        <div data-src="static/images/ss_<%=w%>_mid_<%=n%>.png" data-media="(min-width: 900px)"></div>
                        <div data-src="static/images/ss_<%=w%>_<%=n%>.png" data-media="(min-width: 1200px)"></div>

                        <!-- Fallback content for non-JS browsers. Same img src as the initial, unqualified source element. -->
                        <noscript><img src="static/images/ss_<%=w%>_<%=n%>.png"></noscript>


                    </script>



                    <script id="curl_deliver" type="text/template"> 

                        curl -X POST  <span class="str">\</span>
                        -H <span class="str">"&lt;Your brand-id&gt;"  \</span>
                        -H <span class="str">"&lt;Your api-key&gt;" \</span>
                        -H <span class="str">"Content-Type: application/json"  \</span>
                        -d <span class="str">'{
                            <span class="lit">"id"</span> : <span class="kwd">"&lt;pass temaplate id &gt;"</span> , 
                            <span class="lit">"description"</span> : <span class="kwd">"Description of the pass"</span> , 
                            <span class="lit">"keys"</span> :[{ 
                            <span class="lit">"key"</span> : <span class="kwd">"Destination"</span> ,
                            <span class="lit">"value"</span> : <span class="kwd">"SFO"</span> ,
                            },
                            {
                            <span class="lit">"key"</span> : <span class="kwd">"Departure"</span> ,
                            <span class="lit">"value"</span> : <span class="kwd">"Chennai,India"</span> ,
                            }]
                            <span class="lit">"location"</span> :[{ 
                            <span class="lit">"latittude"</span> : <span class="kwd">178.67</span> ,
                            <span class="lit">"longitude"</span> : <span class="kwd">167.60</span> ,
                            }
                            ]

                            }' \
                        </span>


                    </script>



          



                    <img src="static/images/boarding_slide.png" style="display:none;"/>
                    <img src="static/images/coupon_slide.png" style="display:none;"/>
                    <img src="static/images/event_slide.png" style="display:none;"/>
                    <img src="static/images/store_slide.png" style="display:none;"/>
                    <img src="static/images/all_slide.png" style="display:none;"/>
                    <img src="static/images/ss_create_1.png" style="display:none;"/>
                    <img src="static/images/ss_create_2.png" style="display:none;"/>
                    <img src="static/images/ss_create_mid_1.png" style="display:none;"/>
                    <img src="static/images/ss_create_mid_2.png" style="display:none;"/>

                    <img src="static/images/ss_manage_1.png" style="display:none;"/>
                    <img src="static/images/ss_manage_2.png" style="display:none;"/>
                    <img src="static/images/ss_manage_mid_1.png" style="display:none;"/>
                    <img src="static/images/ss_manage_mid_2.png" style="display:none;"/>

                    <img src="static/images/hand.png" style="display:none;"/>
                    <img src="static/images/world_map.jpg" style="display:none;"/>
                    <img src="static/images/wallet.png" style="display:none;"/>
                    <img src="static/images/coupon.png" style="display:none;"/>
                    <img src="static/images/boarding_pass.png" style="display:none;"/>
                    <img src="static/images/wood_table.jpg" style="display:none;"/>
                    <img src="static/images/rocket.png" style="display:none;"/>
                    <img src="static/images/rocket_mid.png" style="display:none;"/>
                    <img src="static/images/wk_loading.gif" style="display:none;"/>




                    <div class="header"> 
                        <a href="index.html" class="logo"><img src="static/images/wallet_kit_logo.png" /></a>
                        <div class="header_right">
                            <ul class="navigation" >
                                <a class="" href="jobs.html"><li>My Account </li></a>
                                <a href="#integrate"><li>Web Master?</li></a>
                            </ul>
                        </div>
                    </div><!-- end .header -->

                    <div class="header_bottom_shadow"></div>


                    <div class="container">

                        <div class="slide">

                            <div class="main_pitch">

mobiSaraf
                                <div ><span class="at" style="top:-6px;position:relative;"></span></div>
                                <div class="callto_holder">



                                </div><!-- end .callto_holder -->


                            </div><!-- end .main_pitch -->

                     


                            <div class="hand">
                                <div class="pass_holder_slide all_slide" id="slide"> </div>

                            </div>
                            <div class="wallet" data-picture >
                                <div data-src="static/images/wallet.png"></div>
                                <div data-src="static/images/wallet_mid.png" data-media="(min-width: 400px)"></div>
                                <div data-src="static/images/wallet_mid.png" data-media="(min-width: 900px)"></div>
                                <div data-src="static/images/wallet.png" data-media="(min-width: 1200px)"></div>

                                <!-- Fallback content for non-JS browsers. Same img src as the initial, unqualified source element. -->
                                <noscript><img src="static/images/wallet.png" ></noscript>
                            </div>

                            <div class="coupon" data-picture>
                                <div data-src="static/images/coupon.png"></div>
                                <div data-src="static/images/coupon_mid.png" data-media="(min-width: 400px)"></div>
                                <div data-src="static/images/coupon_mid.png" data-media="(min-width: 900px)"></div>
                                <div data-src="static/images/coupon.png" data-media="(min-width: 1200px)"></div>

                                <!-- Fallback content for non-JS browsers. Same img src as the initial, unqualified source element. -->
                                <noscript><img src="static/images/coupon.png"></noscript>
                            </div>

                            <div class="boarding_pass" data-picture>
                                <div data-src="static/images/boarding_pass.png"></div>
                                <div data-src="static/images/boarding_pass_mid.png" data-media="(min-width: 400px)"></div>
                                <div data-src="static/images/boarding_pass_mid.png" data-media="(min-width: 900px)"></div>
                                <div data-src="static/images/boarding_pass.png" data-media="(min-width: 1200px)"></div>

                                <!-- Fallback content for non-JS browsers. Same img src as the initial, unqualified source element. -->
                                <noscript><img src="static/images/boarding_pass.png"></noscript>
                            </div>



                            <div class="wood"></div>
                        </div><!-- end .slide -->


                        <div class="clearfloat"></div>


                        <div class="main_pitch_center">
                            <label><strong style="color:#353535;">Walletkit</strong> helps you design beautiful mobile passes, distribute passes to your customers and visualize your results.
                            </label>
                        </div><!-- end .main_pitch_center -->




                        <div class="pitch_box">
                            <div class="pitch_title"><span class="p_title_left">Pass management. Instant, Easy and Simple </span></div>
                            <div class="clearfloat"></div>
                            <div class="pitch_text_left" id="pitch_manage_left">
                                Track your results. Visualize who clicked, opened and downloaded passes etc. Update passes using push notifications in a jiffy.
                            </div>                          
                            <img src="static/images/ss_manage_1.png" />



                        </div><!-- end .pitch_box -->

                        <div class="pitch_box" id="integrate">
                            <div class="pitch_title" style="text-align:right;"><span class="p_title_right" >Integrate in minutes</span></div>
                            <div class="clearfloat"></div>
                            <div class="code_holder fltlft">

                                <pre class="api_code lang-html">



                                </pre>
                            </div><!-- end .code_holder -->


                            <div class="pitch_text_right">
                                Walletkit has a powerful API to create, update and delete passes. Integrate in merely minutes via a simple REST API to make custom integration with your application a breeze. You will be sending passes in no time.
                            </div>


                            <div class="clearfloat"></div>

                        </div><!-- end .pitch_box -->

                    </div><!-- end .container -->

                    <div class="footer">
                        <p class="foot_text" align="left">© 2012 mobiSaraf, Inc</p>
                        <p class="foot_text" align="left">



                            <a href="index.html">Home</a> /
                            <a href="docs.html">Docs</a> /

                        </p>

                        <div class="social_icons">
                            <a class="gplus_icon" href="https://www.facebook.com/WalletKit"></a>
                            <a class="tumblr_icon" href="http://walletkit.tumblr.com/"></a>
                            <a class="fb_icon" href="https://www.facebook.com/WalletKit"></a>
                            <a class="tweet_icon" href="https://twitter.com/walletkit"></a>
                        </div>
                    </div>


                    <!-- js -->
                    <script src="static/js/lib/jquery-1.7.2.min.js" type="text/javascript"></script>
                    <script src="static/js/lib/jquery.ui.widget.js"></script>
                    <script src="static/js/lib/jquery-ui-1.8.21.custom.min.js" type="text/javascript"></script>
                    <script src="static/js/lib/underscore-min.js"></script>
                    <script type="text/javascript" src="static/js/lib/picturefill.js" ></script>
                    <script src="static/js/lib/landing.js" type="text/javascript"></script>

                    <!-- js scripts end -->
                    <script type="text/javascript">
                        var createState=true;
                        var resultState=true;
                        $(document).ready(function() {
                            // Handler for .ready() called.


                            $('.hand').delay(2000).animate({
                                left: '70px',
                            }, 500, function() {
                                // Animation complete
     
       
                                recurseTheShitOut();   

                            }); //animation end





                            $('.api_code').html( _.template( $("#curl_create").html()) );

                            $('#curl_select').bind('change',function(){

                                $('.api_code').html( _.template( $("#curl_"+$(this).val()).html()) );
                            });

                            $('.callto_orange').bind('click' , function(){

                                earlyaccess();    
                            });


                            $(window).scroll(function() {

                                if(navigator.userAgent.toLowerCase().indexOf('firefox') > -1)
                                {
                                    //Do Firefox-related activities
                                    if(createState)
                                    {    
                                        $("#pitch_create").html(_.template( $("#slide_template").html(),{"w":"create","n":1}));
                                        picturefill();
                                        $("#pitch_create").animate({"margin-top":"53px","opacity":"1"},300);
                                        changeImage('pitch_create','create');
                                        createState=false;

                                    }

                                }

                                if ($('body').scrollTop()>"580")
                                {


                                    if(createState)
                                    {    
                                        $("#pitch_create").html(_.template( $("#slide_template").html(),{"w":"create","n":1}));
                                        picturefill();
                                        $("#pitch_create").animate({"margin-top":"53px","opacity":"1"},300);
                                        changeImage('pitch_create','create');
                                        createState=false;

                                    }


                                }

                                if(navigator.userAgent.toLowerCase().indexOf('firefox') > -1)
                                {

                                    if(resultState)
                                    {    
                                        $("#pitch_manage").html(_.template( $("#slide_template").html(),{"w":"manage","n":1}));
                                        picturefill();
                                        $("#pitch_manage").animate({"margin-top":"53px","opacity":"1"},300);

                                        changeImage('pitch_manage','manage');

                                        resultState=false;
                                    }

                                }
                                if ($('body').scrollTop()>"1580")
                                {



                                    if(resultState)
                                    {    
                                        $("#pitch_manage").html(_.template( $("#slide_template").html(),{"w":"manage","n":1}));
                                        picturefill();
                                        $("#pitch_manage").animate({"margin-top":"53px","opacity":"1"},300);

                                        changeImage('pitch_manage','manage');

                                        resultState=false;
                                    }


                                }




                            });


                            // for iPad screens

                            adjustImage();


                        });


                        function adjustImage(){

                            var wd = $(window).width();
                            if(wd <= 1034){
                                $('.hand').css('left','-=70');
                                $('.wallet').css('right','-=128');
                                $('.coupon').css('right','-=150');
                                $('.boarding_pass').css('right','-=240');
                                $('.slide').css({'margin-top':'-=50' , 'margin-bottom':'+=50'});
                                $('.send_rocket').css('background-size','-=500');
                                $('.code_select').css('width','-=3');
                                $('.create_slides').css('margin-top','+=55');
                            }
                        }
                    </script>

                </body>

                <!-- Mirrored from www.walletkit.com/ by HTTrack Website Copier/3.x [XR&CO'2010], Sat, 01 Dec 2012 19:12:59 GMT -->
                <!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
                </html>